---
title: UI 概覽
---

import { UIArchitecture } from '@/components/ui-architecture'

## 架構

Univer 的 UI 基座基於下圖設計：

<UIArchitecture />

透過不同的插件相結合，向基座中添加各種功能和視圖，最終形成一個完整的應用。

## 設計系統

Univer 的設計系統基於 Tailwind CSS 建構了一系列的設計 Tokens，這些 Tokens 會被渲染引擎重複使用，以確保渲染引擎與視圖層的樣式一致。你可以透過修改這些 Tokens 來定制你的應用樣式，Tokens 被存儲在 `@univerjs/themes` 套件中。
